ECMAscript中所有的函数的参数都是按值传递的

把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。但是又很多人困惑,因为访问变量有按值和按引用两种方式,而参数只能按值传递。

1.使用数值等基本类型值来说明按值传递

function addTen(num){
    num += 10;
    return num;
}
var count = 20;
var result = addTen(count);
console.log(count);//20,没有变化
console.log(result);//30

这里的addTen()有一个参数num,而参数实际上是函数的局部变量。在调用这个函数时,变量count作为参数被传递给函数,这个变量的值是20。因此数值20倍赋值给参数num以便在addTen中使用。在函数内部,参数num被加上了10,但这一变化并不会影响函数外部的count变量。参数num与变量count互不认识,他们仅仅是具有相同的值。如果num是按引用传递,那么变量count将会变成30,从而反应函数内部的修改。

2.使用对象来说明按值传递参数

function setName(obj){
    obj.name = 'lihua';
}
var person = new Object();
setName(person);
console.log(person.name);//lihua

代码将新创建的对象保存在person中,然后这个对象被传递到setName()函数之后就被复制给了obj。在这个函数内部obj和person引用的是同一个对象。即使这个对象是按值传递的,obj也会按引用来访问同一个对象。因此在函数内部为obj添加一个name属性后,函数外不person也将有所反映;因为person指向得对象在堆内存中只有一个,而且是全局对象。因此许多人错误的认为在局部作用域中修改的对象会在全局作用域中反映出来,就说明参数使按引用传递的,为了证明对象是按值传递的,再看下一组代码。

function setName(obj){
    obj.name = 'lihua';
    obj = new Object();
    obj.name = 'xiaohua';
}
var person = new Object();
setName(person);
console.log(person.name);//lihua

与上一个例子的区别,就是在setName()中加了两行代码,一行为obj重新定义了一个对象,另一行代码为该对象定义了一个带有不同的name属性,再把person传递给函数setName后,name属性被设置为lihua。然后再将一个新对象赋值给变量obj,同时将其name属性设置为xiaohua。如果person是按引用传递的,那么person就会自动被修改为指向其name属性值为xiaohua的新对象,但是当接下来访问person.name时,显示的仍然是lihua,这说明即使在函数内部修改了参数的值,但原始的引用仍然保持未变。实际上当函数内部重写obj时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完后立即销毁。


liaojin1
170 声望2 粉丝

菜啊